
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />

    <meta name="renderer" content="webkit">

    <title>WebRTC Playground</title>

    <link rel='stylesheet' href='/vendor/bootstrap.min.css'>

    <link rel='stylesheet' href='/app.css'>


</head>
<!-- END HEAD -->
<body>


<div class='container mt-2'>
    <div class='row'>
        <div class='col-md'>
            <div class='form-inline'>
                <div class='form-group'>
                    <button class='btn btn-primary' id='btnStart'>开始录屏</button>
                </div>
                <div class='form-group ml-1'>
                    <button class='btn btn-primary' disabled id='btnStop'>停止录屏</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class='container mt-2'>

    <h3>视频</h3>
    <div class='form-inline'>
        <div class='form-group'>
            <label>宽</label>
            <input type='text' class='form-control' name='video_width' value='1920'>
        </div>
        <div class='form-group ml-2'>
            <label>高</label>
            <input type='text' class='form-control' name='video_height' value='1080'>
        </div>
        <div class='form-group ml-2'>
            <label>帧率</label>
            <input type='text' class='form-control' name='video_frame_rate' value='30'>
        </div>
    </div>

</div>


<script src="/vendor/jquery-3.5.1.min.js"></script>
<script src="/vendor/moment.min.js"></script>
<script src="app.js"></script>

<script>
  // 少量全局 js
  // 注意这里无转译过程, 不要写新语法
  $(function () {

    // cloak, 防止 FOUC 用的
    setTimeout(function() {
      $('.cloak').removeClass('cloak')
    }, 1) // 不要设置为 0, 某些版本 iOS 或不兼容

  })
</script>

</body>
</html>
